<html>
</html>
<html>
 <!--
Copyright 2011 The Closure Library Authors. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
 <head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta charset="UTF-8" />
  <title>
   table.js Tests
  </title>
  <script src="../base.js">
  </script>
  <script>
    goog.require('goog.editor.TableTest');
  </script>
  <style>
   table {
      border:1px outset #777;
      margin-top: 1em;
      empty-cells: show;
    }
    td, th {
      border:1px inset #777;
    }
  </style>
 </head>
 <body>
  <table id="test-basic">
   <tr>
    <th>
     Number
    </th>
    <th>
     Color
    </th>
    <th>
     Speed
    </th>
   </tr>
   <tr>
    <td>
     One
    </td>
    <td>
     Red
    </td>
    <td>
     60
    </td>
   </tr>
   <tr>
    <td>
     Two
    </td>
    <td>
     Blue
    </td>
    <td>
     75
    </td>
   </tr>
   <tr>
    <td>
     Three
    </td>
    <td>
     Orange
    </td>
    <td>
     88
    </td>
   </tr>
  </table>
  <table id="test-torture">
   <tr>
    <th rowspan="2">
     Left 0+1
     <br />
     &nbsp;
    </th>
    <th colspan="2">
     Middle, Right 0
    </th>
   </tr>
   <tr>
    <td colspan="2" rowspan="2">
     Middle, Right 1 + 2
     <br />
     &nbsp;
    </td>
   </tr>
   <tr>
    <th>
     Left 2
    </th>
   </tr>
   <tr>
    <th>
     Left 3
    </th>
    <td>
     Middle 3
    </td>
    <td>
     Right 3
    </td>
   </tr>
   <tr>
    <th colspan="3">
     Left, Middle, Right 4
    </th>
   </tr>
   <tr>
    <th colspan="2" rowspan="2">
     Left, Middle 5+6
     <br />
     &nbsp;
    </th>
    <td rowspan="4">
     Right 5+6+7+8
    </td>
   </tr>
   <tr>
   </tr>
   <tr>
    <th rowspan="2">
     Left 7+8
    </th>
    <td>
     Middle 7
    </td>
   </tr>
   <tr>
    <td>
     Middle 8
    </td>
   </tr>
  </table>
  <table id="test-nested">
   <tr>
    <td>
     One
    </td>
    <td>
     Two
    </td>
    <td>
     <table>
      <tr>
       <td>
        Nested cell 1
       </td>
       <td>
        Nested cell 2
       </td>
      </tr>
      <tr>
       <td>
        Nested cell 2
       </td>
       <td>
        Nested cell 3
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td>
     Four
    </td>
    <td>
     Five
    </td>
    <td>
     Six
    </td>
   </tr>
  </table>
 </body>
</html>
